<template>
  <view>
    <view class="smart-container">1. 容器</view>
    <view class="smart-panel-h" @click="goDetailPage('view')">
      <text>view视图</text>
    </view>

    <view class="smart-container">2. 基础内容</view>
    <view class="smart-panel-h" @click="goDetailPage('text')">
      <text>text文本编辑</text>
    </view>
    <view class="smart-panel-h" @click="goDetailPage('icon')">
      <text>icon图标</text>
    </view>

    <view class="smart-container">3. 表单组件</view>
    <view class="smart-panel-h" @click="goDetailPage('button')">
      <text>button按钮</text>
    </view>
    <view class="smart-panel-h" @click="goDetailPage('checkbox')">
      <text>checkbox多选框</text>
    </view>
    <view class="smart-panel-h" @click="goDetailPage('label')">
      <text>label标签组件</text>
    </view>
    <view class="smart-panel-h" @click="goDetailPage('input')">
      <text>input输入框</text>
    </view>
    <view class="smart-panel-h" @click="goDetailPage('textarea')">
      <text>textarea多行文本输入框</text>
    </view>
    <view class="smart-panel-h" @click="goDetailPage('form')">
      <text>form表单</text>
    </view>

    <view class="smart-container">4. 导航组件</view>
    <view class="smart-panel-h" @click="goDetailPage('navigator')">
      <text>navigator</text>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    goDetailPage(e) {
      if (typeof e === 'string') {
        uni.navigateTo({
          url: '/pages/tabBar/tabcompage/' + e + '/' + e
        });
      } else {
        uni.navigateTo({
          url: e.url
        });
      }
    }
  }
};
</script>

<style>

</style>